<script type="text/javascript" src="{{ asset("js/slider/jquery.carouFredSel-6.2.1-packed.js") }}"></script>

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".slider .list").carouFredSel({
            auto: 8000,
            items: {
                visible: 1,
                start: 0
            },
            scroll: {
                items: 1,
                duration: 400,
                pauseOnHover: true
            },
            height: 360,
            width: 880,
            prev: ".slider .prev",
            next: ".slider .next"
            //pagination: ".slider .pag"

        });
    });
</script>	

<div class="banner slider">
    <ul class="list">
            <li>
                <div class="left">
                    <img src="{{ asset("images/img63_w600_h399_1.jpg") }}" alt="">
                </div>

                <div class="right">
                    <h1>Богато разнообразие</h1>
                    <br>
                    <div class="slide_content">
                        Разнообразие от шарки за вашата любима вещ
                    </div>
                    <div class="slide1_imgs">
                        <img src="{{ asset("images/img1.jpg") }}" alt="">
                        <img src="{{ asset("images/img2.jpg") }}" alt="">
                        <img src="{{ asset("images/img3.jpg") }}" alt="">
                        <a href="{{ path('каталог') }}">Виж още</a>
                    </div>

                </div>
            </li>
            <li>
                <div class="left">
                    <img src="{{ asset("images/img74_w600_h399_1.jpg") }}" alt="">
                </div>

                <div class="right">
                    <h1>Качество на принта</h1>
                    <br>
                    <div class="slide_content">
                        Декорирането може да се извърши както върху гладки, така и върху неравни повърхности
                    </div>
                    <div class="slide1_imgs">
                        <a href="{{ path('каталог') }}">Виж още</a>
                    </div>

                </div>
            </li>

            <li>
                <div class="left">
                    <img src="{{ asset("images/img65_w600_h399_1.jpg") }}" alt="">
                </div>

                <div class="right">
                    <h1>Издражливост на принта</h1>
                    <br>
                    <div class="slide_content">
                        Издръжливостта на принта се осигурява благодарение на лаковото покритие нанесено след декорирането на детайла
                    </div>
                    <div class="slide1_imgs">
                        
                    </div>

                </div>
            </li>
    </ul>

    <div class='navi'>
        <div class="prev">
            <div class='arrow'></div>
        </div>
        <div class="next">
            <div class='arrow'></div>
        </div>
        <div class="pag"></div>
    </div >
</div>